<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>河南省机器人大赛</title>

    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <style>
    body {
        padding-top: 70px;
        /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
    }

    .list-group-item-aaa {
        background-color: red;

    }
    </style>

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body>

    <!-- Navigation -->
    <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">河南省机器人竞赛</a>
            </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li>
                        <a href="#">首页</a>
                    </li>
                    <li>
                        <a href="#">组织机构</a>
                    </li>
                    <li>
                        <a href="#">竞赛通知</a>
                    </li>
                    <li>
                        <a href="#">历届比赛</a>
                    </li>
                    <li>
                        <a href="#">在线报名</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container -->
    </nav>

<div class="container">
    <!-- carousel -->
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
    <!-- Indicators -->
        <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
        </ol>

    <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
            <div class="item active">
              <img src="1.jpg" alt="...">
              <div class="carousel-caption">
                caption1
              </div>
            </div>

            <div class="item">
              <img src="2.jpg" alt="...">
              <div class="carousel-caption">
                caption2
              </div>
            </div>

            <div class="item">
              <img src="3.jpg" alt="...">
              <div class="carousel-caption">
                caption3
              </div>
            </div>
        </div>

    <!-- Controls -->
        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>

</div>

<br/>

    <!--PageContent-->
    <div class="container">
        <div class="row">

<div class="col-md-4">
    <div class="panel panel-primary">
      <div class="panel-heading">
        <h3 class="panel-title">竞赛通知</h3>
      </div>
      <div class="panel-body">

        <div>            
            <p>
            <a href="">2015“尚和杯"中国机器人大赛暨RoboCup公开赛分项赛(武术擂台、篮球、舞蹈</a>
            </p>

            <p>            
            <a href="" class="btn btn-default btn-sm">竞赛通知下载</a>
            <a href="" class="btn btn-default btn-sm">报名回执下载</a>
            <a href="" class="btn btn-default btn-sm">比赛规则下载</a>
            </p>
        </div>

        <div>            
            <p>
            <a href="">2015“尚和杯"中国机器人大赛暨RoboCup公开赛分项赛(武术擂台、篮球、舞蹈</a>
            </p>

            <p>            
            <a href="" class="btn btn-default btn-sm">竞赛通知下载</a>
            <a href="" class="btn btn-default btn-sm">报名回执下载</a>
            <a href="" class="btn btn-default btn-sm">比赛规则下载</a>
            </p>
        </div>

        <div>            
            <p>
            <a href="">2015“尚和杯"中国机器人大赛暨RoboCup公开赛分项赛(武术擂台、篮球、舞蹈</a>
            </p>

            <p>            
            <a href="" class="btn btn-default btn-sm">竞赛通知下载</a>
            <a href="" class="btn btn-default btn-sm">报名回执下载</a>
            <a href="" class="btn btn-default btn-sm">比赛规则下载</a>
            </p>
        </div>

         
      </div>
    </div> 
</div>  

<div class="col-md-4">
    <div class="panel panel-primary">
      <div class="panel-heading">
        <h3 class="panel-title">历届比赛</h3>
      </div>
      <div class="panel-body">
            <section>
            <a href="">2015中国机器人竞赛暨ROBOCUP公开赛助老服务机器人专项选拔赛在</a>
            <br/>
            <p>2014年12月26日－27日，由中国自动化学会机器人竞赛工作委员会主办的2015中国机器人竞赛暨ROBOCUP公开赛助老服务机器人专项选拔赛在北京石油化工学院工程师学院成功</p>
            </section>
            <hr>
            <ul class="list-unstyled">
                <li><a href="">2015中国机器人竞赛暨ROBOCUP公开赛助老服</a></li>
                <li><a href="">2014中国智能机器人技术在工程创新教学中应</a></li>
                <li><a href="">2015中国机器人竞赛暨ROBOCUP公开赛助老服</a></li>
                <li><a href="">2014中国机器人大赛暨ROBOCUP公开赛@HOME项</a></li>
                <li><a href="">2015中国机器人竞赛暨ROBOCUP公开赛助老服</a></li>
            </ol>
      </div>
    </div> 
</div>  

<div class="col-md-4">
    <div class="panel panel-primary">
      <div class="panel-heading">
        <h3 class="panel-title">参赛报名</h3>
      </div>
      <div class="panel-body">
       
            <div class="row">
                <div class="col-md-12">

                    <div class="panel panel-primary">
                        <div class="panel-heading">
                            <div class="row">
                                <div class="col-xs-3">
                                    <!--i class="fa fa-comments fa-5x"></i-->
                                    <button type="button" class="btn btn-primary btn-lg" aria-label="Left Align">
                                      <span class="glyphicon glyphicon-check" aria-hidden="true">注册</span>
                                    </button>
                                </div>
                                <div class="col-xs-9 text-right">
                                    <div class="huge">step1</div>
                                    <div>注册本网站</div>
                                </div>
                            </div>
                        </div>
                        <a href="#">
                            <div class="panel-footer">
                                <a href="http://www.baidu.com">
                                <span class="pull-left">查看详情...</span>
                                <span class="pull-right"><span class="glyphicon glyphicon-circle-arrow-right" aria-hidden="true"></span></span>
                                <div class="clearfix"></div>
                                </a>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="panel panel-primary">
                        <div class="panel-heading">
                            <div class="row">
                                <div class="col-xs-3">
                                    <!--i class="fa fa-comments fa-5x"></i-->
                                    <button type="button" class="btn btn-primary btn-lg" aria-label="Left Align">
                                      <span class="glyphicon glyphicon-list-alt" aria-hidden="true">填写报名表</span>
                                    </button>
                                </div>
                                <div class="col-xs-9 text-right">
                                    <div class="huge">step2</div>
                                    <div>填写报名表</div>
                                </div>
                            </div>
                        </div>
                        <a href="#">
                            <div class="panel-footer">
                                <a href="http://www.baidu.com">
                                <span class="pull-left">查看详情...</span>
                                <span class="pull-right"><span class="glyphicon glyphicon-circle-arrow-right" aria-hidden="true"></span></span>
                                <div class="clearfix"></div>
                                </a>
                            </div>
                        </a>
                    </div>
                </div>
                        
            </div>
      </div>


    </div> 
</div>  

 


        </div>

           

        <div class="row">
            <div class="col-md-12">
                <div class="panel panel-primary">
                  <div class="panel-heading">
                    <h3 class="panel-title">合作单位</h3>
                  </div>
                  <div class="panel-body">
                    <img src="h1.jpg" alt="..." class="img-thumbnail">
                    <img src="h2.jpg" alt="..." class="img-thumbnail">
                    <img src="h3.jpg" alt="..." class="img-thumbnail">
                    <img src="h4.jpg" alt="..." class="img-thumbnail">
                    <img src="h4.jpg" alt="..." class="img-thumbnail">
                  </div>
                </div>

            </div>
        </div>

    </div> 
    <!--/PageContent-->

    <div class="container">
        <div class="row">
            <div class="panel panel-default">
                <div class="panel-body">
                    Powered by <a href="http://www.zzurobot.com">郑州大学机器人实验室</a>  ©2014-2020
                </div>
            </div>
        </div>
    </div>

    <!-- jQuery Version 1.11.0 -->
    <script src="js/jquery-1.11.0.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.min.js"></script>

</body>

</html>
